<template>
	<div>
		<swipe :lunbolist="this.lunboList" :isfull="true"></swipe>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/home/newslist">
					<img src="../../images/menu1.png" />
					<div class="mui-media-body">新闻资讯</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/home/photolist">
					<img src="../../images/menu2.png" />
					<div class="mui-media-body">图片分享</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/home/goodslist">
					<img src="../../images/menu3.png" />
					<div class="mui-media-body">商品购买</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
					<img src="../../images/menu4.png" />
					<div class="mui-media-body">留言反馈</div>
				</a></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
					<img src="../../images/menu5.png" />
					<div class="mui-media-body">视频专区</div>
				</a></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
					<img src="../../images/menu6.png" />
					<div class="mui-media-body">联系我们</div>
				</a></li>
		</ul>
	</div>
</template>

<script>
	import swipe from '../subcomponents/Swipe.vue';
	export default {
		data() {
			return {
				lunboList: [{
					id: "img1",
					url: "../../images/img1.jpg"
				}, {
					id: "img2",
					url: "../../images/img2.jpg"
				}]
			}
		},
		created() {
			//this.getLunbotu();
		},
		methods: {
			getLunbotu() {
				this.$http.get('http://vue.studyit.io/api/getlunbo').then(result => {
					console.log(result.body)
				})
			}
		},
		components:{
			swipe
		}
	}
</script>

<style lang="scss" scoped="scoped">
	
	.mui-grid-view.mui-grid-9{
		background-color: white;
		border: 0;
		.mui-table-view-cell{
			border: 0px;
			img{
				width: 60px;
			}
			.mui-media-body{
				font-size: 13px;
			}
		}
	}
</style>
